.flow-node {
  width: 200px;
  height: 90px;
  background-color: #ffffff;
  border: 2px solid #213547;
  border-radius: 10px;
}

.node-header {
  height: 30px;
  /* background-color: red; */
  display: flex;
  align-items: center;
  padding-left: 10px;
}

.node-header-icon {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: #213547;
  display: flex;
  justify-content: center;
  align-items: center;
}

.current-node-icon {
  background-color: #f56c6c;
}

.node-name {
  font-size: 14px;
  font-weight: 600;
  padding-left: 5px;
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 隐藏超出的内容 */
  text-overflow: ellipsis; /* 用省略号表示被隐藏的部分 */
}

.node {
  background-color: #213547;
}

.current-node {
  border-color: #f56c6c;
}
.node-body {
  height: 50px;
  padding: 0px 8px 8px 8px;
  overflow: hidden;
  display: -webkit-box; /* 必须配合此属性使用 */
  -webkit-box-orient: vertical; /* 设置为垂直方向 */
  -webkit-line-clamp: 2; /* 显示的行数 */
  overflow: hidden; /* 隐藏超出的内容 */
}

.node-body span {
  font-size: 12px;
  font-weight: 500;
  margin-left: 3px;
}
